<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="Bookmark" href="favicon.ico" >
	<link rel="Shortcut Icon" href="favicon.ico" />
	<!--[if lt IE 9]>
	<script type="text/javascript" src="lib/html5.js"></script>
	<script type="text/javascript" src="lib/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin.pro/css/h-ui.admin.pro.css" />
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.9/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="static/business/css/style.css" />
	<!--[if IE 6]>
	<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
	<script>DD_belatedPNG.fix('*');</script><![endif]-->
	<!--/meta 作为公共模版分离出去-->

	<title>学生个人信息编辑</title>
	<meta name="keywords" content="h-ui.admin.pro v1.0,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
	<meta name="description" content="h-ui.admin.pro v1.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>

	<article class="clearfix pd-20">

		<form action="studentInfo?action=updateStudentInfo" method="post" class="form form-horizontal" id="form-admin-add">
			<div class="row clearfix">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>学生用户名：</label>
				<div class="form-controls col-xs-8 col-sm-9">
					<input type="text" class="input-text" value="" placeholder="" id="stuName" name="stuName" onblur="checkStudentName()">
				</div>
			</div>



			<div class="row clearfix">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>真实姓名：</label>
				<div class="form-controls col-xs-8 col-sm-9">
					<input type="text" class="input-text" autocomplete="off" value="" placeholder="" id="realName" name="realName">
				</div>
			</div>

			<div class="row clearfix">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>年龄：</label>
				<div class="form-controls col-xs-8 col-sm-9">
					<input type="text" class="input-text" autocomplete="off"  placeholder="" id="age" name="age">
				</div>
			</div>

			<div class="row clearfix">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>性别：</label>
				<div class="form-controls col-xs-8 col-sm-9 skin-minimal">
					<div class="radio-box">
						<input name="gender" type="radio" id="sex-1" value="男" checked>
						<label for="sex-1">男</label>
					</div>
					<div class="radio-box">
						<input type="radio" id="sex-2" name="gender" value="女">
						<label for="sex-2">女</label>
					</div>
				</div>
			</div>

			<div class="row clearfix">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>手机：</label>
				<div class="form-controls col-xs-8 col-sm-9">
					<input type="text" class="input-text" value="" placeholder="" id="phoneNum" name="phoneNum">
				</div>
			</div>

			<div class="row clearfix">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>学校：</label>
				<div class="form-controls col-xs-8 col-sm-9">
					<input type="text" class="input-text" value="" placeholder="" id="schoolName" name="schoolName">
				</div>
			</div>


			<div class="row clearfix">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
					<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
				</div>
			</div>
		</form>
	</article>

	<!--_footer 作为公共模版分离出去-->
	<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="lib/layer/3.1.1/layer.js"></script>
	<script type="text/javascript" src="static/h-ui/js/H-ui.js"></script>
	<script type="text/javascript" src="static/h-ui.admin.pro/js/h-ui.admin.pro.js"></script>

	<!--/_footer /作为公共模版分离出去-->

	
	<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
	<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
	<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
	<script type="text/javascript">

		//加载本页面时，先通过ajax从后获取用户信息，渲染到对应的文本框中
		$.ajax({
			url:'',
			type:'get',
			dataType:'json',
			success: function (result){
				$("#studentName").val(result.data.studentName);
				$("#realName").val(result.data.realName);
				$("#age").val(result.data.age);
				$("#phoneNum").val(result.data.phoneNum);
				$("#schoolName").val(result.data.schoolName);

			}
		})
		//当该值为false，表明此用户是重复的，不允许提交表单数据
		var checkStudentNameFlag = false;
		//学生用户名的唯一验证
		function checkStudentName(){

			var data = {'studentName':$("#studentName").val()}
			$.ajax({
				url:'studentInfo?action=checkStudentName',
				type: 'get',
				data:data,
				dataType: 'json',
				success:function (result){
					if (result.code == 200){
						alert("用户名可以使用");
						checkStudentNameFlag = true;
					}else {
						alert("用户名已存在");
					}
				}
			})
		}

		//当该值为false，表明此手机号是重复的，不允许提交表单数据
		var checkPhoneNumFlag = false;
		//学生手机号的唯一验证
		function checkPhoneNum(){
			var data = {'phoneNum':$("#phoneNum").val()}
			$.ajax({
				url:'studentInfo?action=checkPhoneNum',
				type: 'get',
				data:data,
				dataType: 'json',
				success:function (result){
					if (result.code == 200){
						alert("手机号可以使用");
						checkPhoneNumFlag = true;
					}else {
						alert("手机号已存在");
					}
				}
			})
		}


		$(function(){
			/* 通过iCheck插件，美化checkbox */
			$('.skin-minimal input').iCheck({
				checkboxClass: 'icheckbox-blue',
				radioClass: 'iradio-blue',
				increaseArea: '20%'
			});

			/* 表单验证，提交 */
			$("#form-admin-add").validate({
				rules:{
					stuName:{
						required:true,
						minlength:4,
						maxlength:16
					},
					realName:{
						required:true,
						minlength:2,
						maxlength:20
					},
					sex:{
						required:true,
					},
					age:{
						required:true,
						range:[18,60]
					},
					phoneNum:{
						required:true,
						isPhone:true,
					},
					schoolName:{
						required:true,
					}
				},
				onkeyup:false,
				focusCleanup:true,
				success:"valid",
				submitHandler:function(form){


					//学生的用户名 和 手机号都通过重名验证，才允许提交数据
					if(checkPhoneNumFlag && checkStudentNameFlag){
						$(form).ajaxSubmit();
						var index = parent.layer.getFrameIndex(window.name);
						parent.location.replace(parent.location.href)
						parent.layer.close(index);
					}
				}
			});
		});
	</script>
	<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
